.div_box1 {
    width: 500px;
    height: 300px;
    margin:0 auto;
    overflow: hidden;
    position:relative;
    ul{
        width:2500px;
        height: 100%;
        display:flex;
        position:relative;
        li{
            flex:1;
            img{
                width:100%;
                height: 100%;
            }
        }
    }
    div{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        width:100%;
        display:none;
        span {
            float:left;
            width:40px;
            height:40px;
            line-height:40px;
            text-align:center;
            font-size: 40px;
            background-color: rgba(255,255,255,0.4);
            color:peru;
        }
        span:last-child{
            float:right;
        }
    }
    ol{
        position:absolute;
        right: 100px;
        bottom:20px;
        li{
            float:left;
            width:10px;
            height:10px;
            border-radius:50%;
            background-color: #3e3e;
            margin-right:5px;
        }
        li:first-child{
            background-color: #ff2323;
        }
    }
}

.display1{
    display:block !important;
}